.basic-table {
  .el-table__header-wrapper {
    .el-table__header {
      thead .el-table__cell {
        height: 40px;
        padding: 6px 0;
        font-size: 12px;
        color: #2d2e33 !important;
        background-color: #f7f8fa !important;
        font-weight: 600;

        .cell {
          line-height: 24px !important;

          .el-table__column-filter-trigger {
            .el-icon {
              vertical-align: text-top;
              background-image: url('/src/assets/modules/svgIcons/filter-icon.svg');
              margin-left: 2px;

              svg {
                display: none;
              }
            }
          }

          &:hover {
            .el-table__column-filter-trigger {
              .el-icon {
                background-image: url('/src/assets/modules/svgIcons/filter-icon_active.svg');
              }
            }
          }
        }

        > .cell.highlight {
          color: #164cff;
        }
      }
    }
  }

  .el-table__body-wrapper {
    .el-table__body {
      tr:hover {
        .edit_tag {
          opacity: 1 !important;
        }
      }

      tbody .el-table__cell {
        font-size: 12px;
        color: #2d2e33;
        padding: 6px 0;
        height: 48px;
        border-bottom: 1px solid #f1f2f3;

        .cell {
          font-size: 12px;
          line-height: 24px !important;
        }
      }
    }
  }

  .el-table__inner-wrapper::before {
    height: 0;
  }

  .el-table__empty-block {
    @apply h-full min-h-[234px];
  }

  .el-table__empty-text {
    line-height: 22px;
  }
}

.el-table-filter {
  &::after {
    content: '';
    position: absolute;
    top: -12px;
    left: 4px;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
  }
}

.el-table-filter__list {
  position: relative;
  max-width: 180px;
  max-height: 192px;
  min-width: 180px;
  overflow-y: auto;
  padding: 0;

  .el-table-filter__list-item {
    @apply my-[4px] text-[12px] py-[6px] px-[16px] text-[#323538] h-[30px] leading-[20px];

    &.is-active {
      @apply bg-white text-primary;
    }

    &:hover {
      @apply text-primary bg-[#F3F6FF];
    }
  }
}

.el-table__row {
  .copy-icon {
    @apply hidden;
  }

  &:hover {
    @apply cursor-pointer;

    .copy-icon {
      @apply block;

      &:hover {
        @apply text-primary;
      }
    }
  }
}
